<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ Warehouse-out History</title>
    <link rel="shortcut icon" href="../content/static/img/favicon.ico">
    <link href="../content/css/common_modal.css" rel="stylesheet">
    <link href="../content/static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../content/js/lib/vue/select2.min.css" rel="stylesheet">
    <link href="../content/static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="../content/static/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="../content/static/css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="../content/js/lib/calendar/calendar.css" rel="stylesheet">
    <link href="../content/js/lib/calendar/scrollbar.css" rel="stylesheet">
    <link href="../content/static/css/style.min.css?v=4.0.0" rel="stylesheet">
    <style>
        .fa-female:before {
            color: #fb7cd5;
        }
        .fa-location-arrow:before {
            color: rebeccapurple;
        }
        .fa-mobile-phone:before, .fa-mobile:before{
            color: black;
        }
        .fa-map-marker:before {
            color: #1ab394;
        }
        table-th{
            font-size: 12px;
            font-family: tahoma, "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
            line-height: 1.42857143;
            color: #333;
            background-color: #f5f5f5;
        }
        table tr{ height:40px;}
        #productTree {
            width: 320px;
            max-height: 376px;
            min-height: 32px;
            overflow-y: auto;
            padding: 10px 10px 0;
        }
        .projectTreeWrap {
            top:148px !important
        }
        .checkbox label, .radio label{
            padding-left: 15px;
        }.search{
            float: left;padding: 0px 10px 0px 0px;
        } 
       .tooltip-inner{
        max-width: 650px;
        text-align: left;
       }
    </style>
</head>

<body class="content-container">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <ol class="breadcrumb">
                        <li><a>Stock Management</a></li>
                        <li><a>Warehouse-out History</a></li>
                    </ol>
                </div>
                <div class="content-wrapper">
                    <div class="search-condition">
                        <div>
                            <div class="filter-wrapper">
                                <ul class="clearfix">
                                    <li class="filter-item ">
                                        <label>Delivery Code</label>
                                        <div>
                                            <div class="fill-wrapper">
                                                <input id="serialNumber" type="text" class="fill-item">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="filter-item ">
                                        <label>Item Name</label>
                                        <div>
                                            <div class="fill-wrapper">
                                                <input id="serialNumber" type="text" class="fill-item">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="filter-item ">
                                        <label>Related Company</label>
                                        <div>
                                            <div class="fill-wrapper">
                                                <input id="serialNumber" type="text" class="fill-item">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="filter-item ">
                                        <label>Order Query Cycle</label>
                                        <div>
                                            <div class="fill-wrapper fill-wrapper-auto">
                                                <input id="costTimeStart" type="text" class="fill-item timeChoose  revision-time"
                                                    readonly="readonly">
                                            </div>
                                            <div class="fill-desc">To</div>
                                            <div class="fill-wrapper fill-wrapper-auto">
                                                <input id="costTimeEnd" type="text" class="fill-item timeChoose  revision-time"
                                                    readonly="readonly">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="filter-item ">
                                        <label>Created By</label>
                                        <div>
                                            <div class="fill-wrapper">
                                                <input id="serialNumber" type="text" class="fill-item">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="filter-item ">
                                        <label>Outgoing Warehouse</label>
                                        <div>
                                            <select v-select2 id="warehouse">
                                                <option value='0'>all</option>
                                                <option v-for="item in warehouseList" v-bind:value="item.Value"
                                                    v-bind:selected="$index===0" v-text="item.Text"></option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="filter-item ">
                                        <label>Outgoing Status</label>
                                        <div>
                                            <select id="status" v-select2 class="fill-wrapper">
                                                <option value='0'>all</option>
                                                <option value='1'>yes</option>
                                                <option value='2'>no</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="filter-item ">
                                        <label>Related Code</label>
                                        <div>
                                            <div class="fill-wrapper">
                                                <input id="serialNumber" type="text" class="fill-item">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="filter-item">
                                        <a class="revision-btn revision-btn-search">Search</a>
                                        <a href="javascript:;" class="more">More<i class="revision-icon-more"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12" style="padding: 12px 0px 12px 0px;">
                        <div class="alert alert-info" style="margin-bottom: 0px">
                            <a class="revision-btn" v-on:click="exportShow()">Export</a>&nbsp;&nbsp;
                            <span>Total：<span>12 rows</span></span>
                        </div>
                    </div>
                    <table class="table table-hover table-bordered">
                        <thead style="background: #f5f5f5;">
                            <tr>
                                <th><input class="revision-checkbox" type="checkbox" v-model="item.checked">Delivery Code</th>
                                <th>Created Date</th>
                                <th>
                                    <div class="tooltip-demo">Related Code
                                        <label class="fa fa-info-circle" data-toggle="tooltip" data-html="true"
                                            data-placement="bottom" title="" data-original-title="出库单来源分为销售和借出"></label>
                                    </div>
                                </th>
                                <th>Related Company</th>
                                <th>Outgoing Warehouse</th>
                                <th>Outgoing Item</th>
                                <th>Outgoing Quantity</th>
                                <th>Logistics Company</th>
                                <th>Logistics Number</th>
                                <th>Outgoing Status</th>
                                <th>Operation</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input class="revision-checkbox" type="checkbox" v-model="item.checked">CKD20181240004</td>
                                <td>2018-12-20</td>
                                <td> 
                                    <a href="javascript:;" v-on:click="borrowDetailShow()">JCD20181240004</a>
                                </td>
                                <td>Yu Mei Technology</td>
                                <td class="text-navy">Warehouse A</td>
                                <td>Blueberry yogurt jelly, peach yogurt...</td>
                                <td>100</td>
                                <td></td>
                                <td></td>     
                                <td class="text-navy">entryed</td>
                                <td>
                                    <a href="javascript:;" v-on:click="detailShow(1)">Detail</a>
                                    <a href="javascript:;" v-on:click="delete(3)">Delete</a>
                                </td>
                            </tr>
                            <tr>
                                <td><input class="revision-checkbox" type="checkbox" v-model="item.checked">CKD20181240004</td>
                                <td>2018-12-20</td>
                                <td> 
                                    <a href="javascript:;" v-on:click="pruchShow()">XSD20181240004</a>
                                </td>
                                <td>Yu Mei Technology</td>
                                <td class="text-navy">Warehouse A</td>
                                <td>Blueberry yogurt jelly, peach yogurt...</td>
                                <td>100</td>
                                <td>sf-express</td>
                                <td>20180006356346576897</td>
                                <td class="text-navy">entryed</td>
                                <td>
                                    <a href="javascript:;" v-on:click="detailShow(1)">Detail</a>
                                    <a href="javascript:;" v-on:click="delete(3)">Delete</a>
                                </td>
                            </tr>
                            <tr>
                                <td><input class="revision-checkbox" type="checkbox" v-model="item.checked">CKD20181240004</td>
                                <td>2018-12-20</td>
                                <td>
                                    <a href="javascript:;" v-on:click="borrowDetailShow()">XSD20181240004</a>
                                </td>
                                <td>Yu Mei Technology</td>
                                <td class="text-navy">Warehouse A</td>
                                <td>Blueberry yogurt jelly, peach yogurt...</td>
                                <td>100</td>
                                <td>sf-express</td>
                                <td>20180006356346576897</td>
                                <td class="amount">no</td>
                                <td>
                                    <a href="javascript:;" v-on:click="detailShow(1)">Detail</a>
                                    <a href="javascript:;" v-on:click="delete(3)">Delete</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div style="display: none;" v-show="pageInit">
                <!-- 出库单详情 -->
                <modal v-bind:show.sync="detailModal.show" v-bind:style="detailModal .style" v-bind:add-class="detailModal.addClass">
                    <h4 slot="header">Delivery List Detail</h4>
                    <div slot="body" class="clearfix">
                        <div>
                            <h3 class="panel-title">Basic Information</h3>
                        </div>
                        <ul class="bill-tips clearfix">
                            <li>
                                <em>Delivery Code</em>
                                <span>CKD20181220005</span>
                            </li>
                            <li>
                                <em>Created Date</em>
                                <span>2018-12-22</span>
                            </li>
                            <li>
                                <em>Created By</em>
                                <span>Mr. Wang</span>
                            </li>
                            <li>
                                <em>Outgoing Warehouse</em>
                                <span>Warehouse A</span>
                            </li>
                            <li>
                                <em>Outgoing Status</em>
                                <span>yes</span>
                            </li>
                            <li>
                                <em>Outgoing Date</em>
                                <span>2018-12-28</span>
                            </li>
                            <li class="w-100">
                                <em>Related Company</em>
                                <span>Yu Mei Technology</span>
                            </li>
                            <li class="w-100">
                                <em>Remark</em>
                                <span>Yu Mei Technology</span>
                            </li>
                        </ul>
                        <div>
                            <h3 class="panel-title">Item Information</h3>
                        </div>
                        <form class="form-horizontal m-t" novalidate="novalidate">
                            <table class="table table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th style="width: 50px;">No.</th>
                                        <th>Item Name/Specifications</th>
                                        <th style="width: 80px;">Item Code</th>
                                        <th style="width: 70px;">Attributes</th>
                                        <th style="width: 50px;">Unit</th>
                                        <th style="width: 70px;">Quantity</th>
                                        <th style="width: 80px;">Unit-price(¥)</th>
                                        <th style="width: 80px;">Total Prices(¥)</th>
                                        <th style="width: 120px;">Remark</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-bind:data-index="$index">
                                        <td>1</span></td>
                                        <td>Blueberry yogurt jelly</td>
                                        <td class="text-navy">SPD201812270005</td>
                                        <td></td>
                                        <td>piece</td>
                                        <td class="text-navy">500</td>
                                        <td class="amount">2.00</td>
                                        <td class="amount">100,0.00</td>
                                        <td></td>
                                    </tr>
                                </tbody>
                            </table>
                        </form>
                        <div>
                            <h3 class="panel-title">Payment Information
                                <span class="title-tips">
                                    Payable Amount<span class="amount"> 500,0.00</span>&nbsp;&nbsp;&nbsp;
                                    Paid Amount<span class="amount"> 500,0.00</span>&nbsp;&nbsp;&nbsp;
                                    Other<span class="amount"> 0</span>&nbsp;&nbsp;&nbsp;
                                    Discount<span class="amount"> 10%</span>&nbsp;&nbsp;&nbsp;
                                    Total<span class="amount"> 450,0.00</span>
                                </span>
                            </h3>
                        </div>
                        <form class="form-horizontal m-t" novalidate="novalidate">
                            <table class="table table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th style="width: 50px;">No.</th>
                                        <th>Settlement Account</th>
                                        <th>Amount</th>
                                        <th>Date</th>
                                        <th>Remark</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-bind:data-index="$index">
                                        <td>1</span></td>
                                        <td>cash</td>
                                        <td class="amount">300,0.00</td>
                                        <td>2018-12-12</td>
                                        <td>installment</td>
                                    </tr>
                                    <tr v-bind:data-index="$index">
                                        <td>2</span></td>
                                        <td>China Construction Bank</td>
                                        <td class="amount">150,0.00</td>
                                        <td>2018-12-13</td>
                                        <td>installment</td>
                                    </tr>
                                </tbody>
                            </table>
                        </form>
                        <div>
                            <h3 class="panel-title">Express Information</h3>
                        </div>
                        <ul class="bill-tips clearfix">
                            <li>
                                <em>Express No.</em>
                                <span>12354894641638</span>
                            </li>
                            <li>
                                <em>Logistics Company</em>
                                <span>sf-express-01</span>
                            </li>
                            <li>
                                <em>Deliveryman</em>
                                <span>王老板</span>
                            </li>
                            <li>
                                <em>Contacts</em>
                                <span>15888888001</span>
                            </li>
                            <li>
                                <em>Insurance</em>
                                <span>No</span>
                            </li>
                            <li>
                                <em>Fees</em>
                                <span class="amount">380.00</span>
                            </li>
                        </ul>
                    </div>
                </modal>
                <!-- 进货单详情 -->
                <modal v-bind:show.sync="pruchModal.show" v-bind:style="pruchModal .style" v-bind:add-class="pruchModal.addClass">
                    <h4 slot="header">Detail</h4>
                    <div slot="body" class="clearfix">
                        <div class="approve-detail-modal-title">
                            <h2>Entry List Detail</h2>
                        </div>
                        <ul class="bill-tips clearfix">
                            <li>
                                <em>Entry Code</em>
                                <span>JHD20181220005</span>
                            </li>
                            <li>
                                <em>Created Date</em>
                                <span>2018-12-22</span>
                            </li>
                            <li>
                                <em>Created By</em>
                                <span>Mr. Wang</span>
                            </li>
                            <li>
                                <em>Customer</em>
                                <span>Yu Mei Technology</span>
                            </li>
                            <li>
                                <em>Warehouse-in</em>
                                <span>Warehous A</span>
                            </li>
                            <li class="w-100">
                                <em>Remark</em>
                                <span>Yu Mei Technology</span>
                            </li>
                            <li class="w-100">
                                <em>Attachment</em>
                                <span><a href="javascript:;">Click on the attachment</a></span>
                            </li>
                        </ul>
                        <div>
                            <h3 class="panel-title">Item Information </h3>
                        </div>
                        <div class="col-sm-12" style="padding: 0px;">
                            <div class="alert alert-info" style="margin: 10px 0px;">
                                <span>Total：<span class="text-navy">8 </span>rows</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Total Prices：<span class="amount">812,000</span></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Received Amount：<span class="amount">812,000</span></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Other<span class="amount">812,000</span></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Discount Rate<span class="amount">100%</span></span>
                            </div>
                        </div>
                        <table class="table table-hover table-bordered" style="margin-top: 10px">
                            <thead>
                                <tr>
                                    <th style="width: 50px;">No.</th>
                                    <th>Item Name/Specifications</th>
                                    <th>Item Code</th>
                                    <th style="width: 50px;">Attributes</th>t
                                    <th style="width: 50px;">Unit</th>
                                    <th style="width: 50px;">Quantity<th>
                                    <th style="width: 75px;">Reference Prices(¥)</th>
                                    <th style="width: 70px;">Unit-price(¥)</th>
                                    <th style="width: 70px;">Total Prices(¥)</th>
                                    <th style="width: 70px;">Barcode</th>
                                    <th style="width: 80px;">Remark</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>triangle valve/daily use</td>
                                    <td>SP20150717002</td>
                                    <td></td>
                                    <td>个</td>
                                    <td class="text-navy">1</td>
                                    <td class="amount">6.00</td>
                                    <td class="amount">8.00</td>
                                    <td class="amount">8.00</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>K-boxing ultra-concentrated low foam Car Wash Shampoo/12L</td>
                                    <td>Q01</td>
                                    <td></td>
                                    <td>bucket</td>
                                    <td class="text-navy">1</td>
                                    <td class="amount">120.00</td>
                                    <td class="amount">156.00</td>
                                    <td class="amount">156.00</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>K-boxing interior detergent/5L/12L</td>
                                    <td>Q0961243218</td>
                                    <td></td>
                                    <td>bucket</td>
                                    <td class="text-navy">9</td>
                                    <td class="amount">280.00</td>
                                    <td class="amount">360.00</td>
                                    <td class="amount">360.00</td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                        <div>
                            <h3 class="panel-title">Shipping Information</h3>
                        </div>
                        <ul class="bill-tips clearfix">
                            <li>
                                <em>Date</em>
                                <span>2018-12-22</span>
                            </li>
                            <li>
                                <em>Contracts</em>
                                <span>方老板小蜜</span>
                            </li>
                            <li>
                                <em>Mobile</em>
                                <span>1888888888</span>
                            </li>
                            <li class="w-100">
                                <em>Address</em>
                                <span>Yingyun Software Network Technology Co., Ltd.#608</span>
                            </li>
                            <li class="w-100">
                                <em>Remark</em>
                                <span>Yingyun Software Network Technology Co., Ltd.</span>
                            </li>
                        </ul>
                        <div>
                            <h3 class="panel-title">Payment Information</h3>
                        </div>
                        <ul class="bill-tips clearfix">
                            <li>
                                <em>Settlement Account</em>
                                <span>China Construction Bank</span>
                            </li>
                            <li>
                                <em>Receivable Amount</em>
                                <span class="amount">10086.00</span>
                            </li>
                            <li>
                                <em>Received Amount</em>
                                <span class="amount">10000.00</span>
                            </li>
                            <li>
                                <em>Discount Method</em>
                                <span>Discount Rate(%)#608</span>
                            </li>
                            <li>
                                <em>Other</em>
                                <span class="amount">50.00</span>
                            </li>
                            <li>
                                <em>Total Prices</em>
                                <span class="amount">10050.00</span>
                            </li>
                        </ul>
                        <div>
                            <h3 class="panel-title">Audit Information</h3>
                        </div>
                        <table class="table table-hover table-bordered" style="margin-top: 10px">
                            <thead>
                                <tr>
                                    <th style="width: 50px;">No.</th>
                                    <th>Audit Role</th>
                                    <th>Auditor</th>
                                    <th>Result</th>
                                    <th>Suggestion</th>
                                    <th>Audit Date</th>
                                    <th>Remark</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>Mr. Zhang</td>
                                    <td>1011164</td>
                                    <td class="text-navy">agreed</td>
                                    <td>agreed</td>
                                    <td>2018-07-09 16:38:54</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>finance man</td>
                                    <td>1010064</td>
                                    <td class="text-danger">reject</td>
                                    <td class="text-danger">reject，upload invoice</td>
                                    <td>2018-07-09 18:38:54</td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </modal>
                <!-- 借入单详情 -->
                <modal v-bind:show.sync="borrowDetailModal.show" v-bind:style="borrowDetailModal .style" v-bind:add-class="borrowDetailModal.addClass">
                    <h4 slot="header">Detail</h4>
                    <div slot="body" class="clearfix">
                        <div class="approve-detail-modal-title">
                            <h2>Borrow Detail</h2>
                        </div>
                        <ul class="bill-tips clearfix">
                            <li>
                                <em>Borrow Code</em>
                                <span>JRD20181220005</span>
                            </li>
                            <li>
                                <em>Created Date</em>
                                <span>2018-12-22</span>
                            </li>
                            <li>
                                <em>Created By</em>
                                <span>Mr. Wang</span>
                            </li>
                            <li>
                                <em>Customer</em>
                                <span>Yingyun Software Network Technology Co., Ltd.</span>
                            </li>
                            <li>
                                <em>Warehouse-in</em>
                                <span>Warehouse A</span>
                            </li>
                            <li class="w-100">
                                <em>Remark</em>
                                <span>Yingyun Software Network Technology Co., Ltd.</span>
                            </li>
                            <li class="w-100">
                                <em>Attachment</em>
                                <span><a href="javascript:;">Click on the attachment</a></span>
                            </li>
                        </ul>
                        <div>
                            <h3 class="panel-title">Item Information </h3>
                        </div>
                        <div class="col-sm-12" style="padding: 0px;">
                            <div class="alert alert-info" style="margin: 10px 0px;">
                                <span>Total：<spanclass="text-navy">8 </span>rows</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Total Prices：<span class="amount">812,000</span></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Received Amount：<span class="amount">812,000</span></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Other<span class="amount">812,000</span></span>&nbsp;&nbsp;&nbsp;&nbsp;
                                <span>Discount Rate<span class="amount">100%</span></span>
                            </div>
                        </div>
                        <table class="table table-hover table-bordered" style="margin-top: 10px">
                            <thead>
                            <tr>
                                <th style="width: 50px;">No.</th>
                                <th>Item Name/Specifications</th>
                                <th>Item Code</th>
                                <th style="width: 50px;">Attributes</th>t
                                <th style="width: 50px;">Unit</th>
                                <th style="width: 50px;">Quantity<th>
                                <th style="width: 75px;">Reference Prices(¥)</th>
                                <th style="width: 70px;">Unit-price(¥)</th>
                                <th style="width: 70px;">Total Prices(¥)</th>
                                <th style="width: 70px;">Barcode</th>
                                <th style="width: 80px;">Remark</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>triangle valve/daily use</td>
                                <td>SP20150717002</td>
                                <td></td>
                                <td>个</td>
                                <td class="text-navy">1</td>
                                <td class="amount">6.00</td>
                                <td class="amount">8.00</td>
                                <td class="amount">8.00</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>K-boxing ultra-concentrated low foam Car Wash Shampoo/12L</td>
                                <td>Q01</td>
                                <td></td>
                                <td>bucket</td>
                                <td class="text-navy">1</td>
                                <td class="amount">120.00</td>
                                <td class="amount">156.00</td>
                                <td class="amount">156.00</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>K-boxing interior detergent/5L/12L</td>
                                <td>Q0961243218</td>
                                <td></td>
                                <td>bucket</td>
                                <td class="text-navy">9</td>
                                <td class="amount">280.00</td>
                                <td class="amount">360.00</td>
                                <td class="amount">360.00</td>
                                <td></td>
                                <td></td>
                            </tr>
                            </tbody>
                        </table>
                        <div>
                            <h3 class="panel-title">Payment Information</h3>
                        </div>
                        <ul class="bill-tips clearfix">
                            <li>
                                <em>Settlement Account</em>
                                <span>China Construction Bank</span>
                            </li>
                            <li>
                                <em>Receivable Amount</em>
                                <span class="amount">10086.00</span>
                            </li>
                            <li>
                                <em>Received Amount</em>
                                <span class="amount">10000.00</span>
                            </li>
                            <li>
                                <em>Discount Method</em>
                                <span>Discount Rate(%)#608</span>
                            </li>
                            <li>
                                <em>Other</em>
                                <span class="amount">50.00</span>
                            </li>
                            <li>
                                <em>Total Prices</em>
                                <span class="amount">10050.00</span>
                            </li>
                        </ul>
                        <div>
                            <h3 class="panel-title">Audit Information</h3>
                        </div>
                        <table class="table table-hover table-bordered" style="margin-top: 10px">
                            <thead>
                            <tr>
                                <th style="width: 50px;">No.</th>
                                <th>Audit Role</th>
                                <th>Auditor</th>
                                <th>Result</th>
                                <th>Suggestion</th>
                                <th>Audit Date</th>
                                <th>Remark</th>
                            </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>Mr. Yang</td>
                                    <td>1011164</td>
                                    <td class="text-navy">agreed</td>
                                    <td>agreed</td>
                                    <td>2018-07-09 16:38:54</td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>finance man</td>
                                    <td>1010064</td>
                                    <td class="text-danger">reject</td>
                                    <td class="text-danger">reject，upload invoice</td>
                                    <td>2018-07-09 18:38:54</td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </modal>
            </div>
        </div>
    </div>
    <script src="../content/js/lib/vue/vue.min.js"></script>
    <script src="../content/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="../content/static/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="../content/static/js/plugins/iCheck/icheck.min.js"></script>
    <script src="../content/static/js/plugins/chosen/chosen.jquery.js"></script>
    <script src="../content/static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="../content/static/js/content.min.js?v=1.0.0"></script>
    <script src="../content/js/lib/calendar/calendar.js"></script>
    <script src="../content/js/lib/calendar/scrollbar.js"></script>
    <script src="../content/js/lib/vue/vue-modal.js"></script>
    <script src="../content/js/lib/vue/vue-pagination.js"></script>
    <script src="../content/js/common.js"></script>
    <script src="../content/js/lib/vue/select2.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".i-checks").iCheck({
                checkboxClass: "icheckbox_square-green",
                radioClass: "iradio_square-green",
            });
            //时间验证
            var calObj = new $.Calendar({
                //time: true,
                skin: 'white'
            });

            $('#costTimeStart').focus(function () {
                var $this = $(this),
                    val = $this.val(),
                    endTime = $('#costTimeEnd').val();
                calObj.pick({
                    elem: this,
                    endDate: endTime
                });
            });
            $('#costTimeEnd').focus(function () {
                var $this = $(this),
                    val = $this.val(),
                    startTime = $('#costTimeStart').val();
                calObj.pick({
                    elem: this,
                    startDate: startTime
                });
            });
            $('#backTime').focus(function () {
                var $this = $(this),
                    val = $this.val(),
                    startTime = new Date();
                calObj.pick({
                    elem: this,
                    startDate: startTime
                });
            });
        });
        $("#warehouse").select2({
            width: "220px"
        });
        $("#status").select2({
            width: "220px"
        });
        $("#approveStatus").select2({
            width: "220px"
        });
       var vmData = {
            borrowDetailModal: {
                show: false,
                style: {
                    width: '980px',
                    height: "auto"
                },
                addClass: 'scroll-modal',
                func: {
                    type: Function
                },
                close: function () {
                    vm.borrowDetailModal.show = false;
                }
            },
            pruchModal: {
                show: false,
                style: {
                    width: '980px',
                    height: "auto"
                },
                addClass: 'scroll-modal',
                func: {
                    type: Function
                },
                close: function () {
                    vm.pruchModal.show = false;
                }
            },
            detailModal: {
                show: false,
                style: {
                    width: '980px',
                    height: "auto"
                },
                addClass: 'scroll-modal',
                func: {
                    type: Function
                },
                close: function () {
                    vm.detailModal.show = false;
                }
            },
            modelTitle: "",
            approveStatusList: [{
                "Text": "all",
                "Value": "553",
            },
                {
                    "Text": "pending project manager approval",
                    "Value": "553",
                },
                {
                    "Text": "pending CEO approval",
                    "Value": "553",
                },
                {
                    "Text": "pending warehouse A leader approval",
                    "Value": "553",
                },
                {
                    "Text": "pending warehouse B leader approval",
                    "Value": "553",
                },
                {
                    "Text": "pending sale manager approval",
                    "Value": "553",
                },
            ],
            backStatusList: [{
                    "Text": "all",
                    "Value": "553",
                },
                {
                    "Text": "no return",
                    "Value": "360",
                }, {
                    "Text": "returned",
                    "Value": "365",
                },
                {
                    "Text": "transfer sale",
                    "Value": "4105",
                }
            ],
            warehouseList: [{
                "Text": "Beijing",
                "Value": "553",
            },
                {
                    "Text": "Shanghai",
                    "Value": "360",
                },
                {
                    "Text": "Guangzhou",
                    "Value": "4105",
                }, {
                    "Text": "Arctic Ocean",
                    "Value": "510",
                },
                {
                    "Text": "Shenzhen",
                    "Value": "3219",
                },
                {
                    "Text": "Tianjin",
                    "Value": "99402",
                },
                {
                    "Text": "Hefei",
                    "Value": "519",
                },
                {
                    "Text": "Suzhou",
                    "Value": "518",
                },
                {
                    "Text": "Nanjing",
                    "Value": "517",
                },
                {
                    "Text": "Wuxi",
                    "Value": "525",
                },
                {
                    "Text": "North East China",
                    "Value": "528",
                },
                {
                    "Text": "North West China",
                    "Value": "533",
                },
                {
                    "Text": "Africa",
                    "Value": "538",
                },
                {
                    "Text": "Europe",
                    "Value": "537",
                },
                {
                    "Text": "South America",
                    "Value": "536",
                }
            ],
            modelFlag: 0,
            selectProductItem: [],
            accountList: [{
                "Text": "Bank Of China",
                "Value": "1",
            }, {
                "Text": "China Construction Bank",
                "Value": "2",
            }, {
                "Text": "Agricultural Bank of China",
                "Value": "3",
            }, {
                "Text": "ICBC",
                "Value": "4",
            }, {
                "Text": "cash",
                "Value": "5",
            }, ],
        };
        vmData = $.extend(vmData, baseData);
        var vmMothod = {
            init: function () {},
            borrowDetailShow:function(){
                vm.borrowDetailModal.show = true;
            },
            pruchShow: function (obj) {
                vm.pruchModal.show = true;
                $("#backStatus").select2({
                    width: "160px"
                });
                $("#backStatus").val('').trigger('change'); //初始化
            },
            detailShow: function () {
                vm.detailModal.show = true;
                $("#warehouseAdd").select2({
                    width: "140px"
                });
                $("#warehouseAdd").val('').trigger('change'); //初始化
                $("#supplier").select2({
                    width: "140px"
                });
                $("#supplier").val('').trigger('change'); //初始化
                
                $("#supplier").on("select2:select",function(){
                    var data = $(this).val();
                    vm.$set("telphone","张三  1500000000");
                });
                $("#type").select2({
                    width: "140px"
                });
                $("#type").val('').trigger('change'); //初始化
                $("#account").select2({
                    width: "210px"
                });
                $("#account").val('').trigger('change'); //初始化
            },
            productChooseClick: function (e) {
                if (e.checked) {
                    vm.productChooseList.forEach(function (a, v) {
                        if (a.Id = v.Id)
                            vm.productChooseList.splice(v, 1);
                    });
                } else {
                    vm.productChooseList.push(e);
                }
            },
        };
        vmMothod = $.extend(vmMothod, baseCommonFunction);
        var vm = new Vue({
            el: '.content-container',
            data: vmData,
            methods: vmMothod
        });
        vm.init();
    </script>
</body>

</html>